<script lang="ts" setup>
defineProps({
  title: {
    type: String,
    default: "hh",
  },
});
</script>
<template>
  <div class="container">
    <div class="title">{{ title }}</div>
    <div class="content">
      <slot></slot>
    </div>
  </div>
</template>
<style lang="scss" scoped>
@import "/src/style/custom.scss";
.container {
  font-size: $font-size;

  > .title {
    color: #000;
    font-weight: $weight;
    font-size: $font-size-big;
  }

  > .content {
    background-color: #fff;
    padding: $padding;
    margin-top: $padding;
    margin-right: $padding;
  }
}
</style>
